{{#if collection.length}}

  <table class="roster ic-Table ic-Table--hover-row ic-Table--condensed ic-Table--striped">
    <thead>
      <tr>
        <th scope="col"><span class="screenreader-only">Profile Picture</span></th>
        <th scope="col">{{#t "name"}}Name{{/t}}</th>
        {{#if canViewLoginIdColumn}}
        <th scope="col">{{#t "login_name"}}Login ID{{/t}}</th>
        {{/if}}
        {{#if canViewSisIdColumn}}
        <th scope="col">{{#t}}SIS ID{{/t}}</th>
        {{/if}}
        <th scope="col">{{#t "section"}}Section{{/t}}</th>
        <th scope="col">{{#t "role"}}Role{{/t}}</th>
        {{#if ENV.permissions.read_reports}}
        <th scope="col">{{#t "last_activity"}}Last Activity{{/t}}</th>
        <th scope="col">{{#t "total_activity"}}Total Activity{{/t}}</th>
        {{/if}}
        <th scope="col"><span class="screenreader-only">Administrative Links</span></th>
      </tr>
    </thead>
    <tbody class="collectionViewItems"></tbody>
  </table>
<div class="paginatedLoadingIndicator"></div>

{{else}}

  {{#if collection.atLeastOnePageFetched}}
  <div class="alert alert-info">
    <p class="lead">{{#t "no_people_found"}}No people found{{/t}}</p>
    <p>{{#t "you_can_search_by"}}You can search by:{{/t}}</p>
    <ul>
      <li>{{#t "name"}}Name{{/t}}</li>
      {{#if canViewLoginIdColumn}}
      <li>{{#t "login_name"}}Login ID{{/t}}</li>
      {{/if}}
      {{#if canViewSisIdColumn}}
          <li>{{#t}}SIS ID{{/t}}</li>
      {{/if}}
      <li>{{#t "canvas_user_id"}}Canvas User ID{{/t}}</li>
    </ul>
  </div>
  {{else}}
  <div class="paginatedLoadingIndicator"></div>
  {{/if}}

{{/if}}


